
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>${webConfig.name}</title>
<meta name="keywords" content="${webConfig.seoKeyword}">
<meta name="description" content="${webConfig.description}"/>
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/base.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/product.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/swiper.min.css" />
<link rel="stylesheet" type="text/css" href="${s.base}/pc/css/animate.min.css" />
</head>
<body>
<!--导航开始-->
<div class="xyg-menu">
	<div id="menu_hover_bg" style="height: 0px; overflow: hidden;"></div>
	<div class="w1200">
		<div class="logo">
			<a href="${s.base}/web/pc/index"><img src="${webConfig.coverImage}" /></a>
		</div>
		<div class="menu">
			<ul>
				<#list webNavigationList as webNavigation>
					<li>
						<#if webNavigation.navIconType == "2">
							<#if webNavigation.url?index_of("?")!=-1>
								<h2 class="mr40"><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
								<#else>
									<h2 class="mr40"><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a><img src="${s.base}/pc/images/icon/hot.gif" class="pa"/></h2>
							</#if>

							<#else>
								<#if webNavigation.url?index_of("?")!=-1>
									<h2><a href="${webNavigation.url}&navId=${webNavigation.id}">${webNavigation.name}</a></h2>
									<#else>
										<h2><a href="${webNavigation.url}?navId=${webNavigation.id}">${webNavigation.name}</a></h2>
								</#if>
						</#if>
					</li>
				</#list>
			</ul>
		</div>
		<div class="login">
			<a href="${s.base}/web/pc/login">登陆</a>
			<a href="javascript:alert('暂不提供对外注册！')">免费注册</a>
		</div>
	</div>
</div>
<!--导航结束-->
<!--轮播开始-->
<div class="xyg-banner swiper-banner swiper-container">
    <div class="swiper-wrapper">
        <#list webBannerList as webBanner >
            <a href="${webBanner.description!'javascript:void(0)'}" class="swiper-slide">
                <img src="${webBanner.image}" style="width: 100%; height: auto;">
            </a>
        </#list>
    </div>
    <div class="swiper-pagination swiper-pagination-white"></div>
</div>
<!--轮播结束-->
<!--目录导航开始-->
<div class="newlj inter"><img src="${s.base}/pc/images/new.png" /> 您当前位置：
	<#list currentNavList as currentNav>
		<#if currentNav_index != 0>
			&nbsp;<svg class="icon" aria-hidden="true"><use xlink:href="#iconxiangyou"></use></svg>
		</#if>
		<span>${currentNav.name}</span>
	</#list>
</div>
<!--目录导航结束-->
<!--详情模板开始-->
<div class="xyg-template-desc">
	<div class="title">1000+全行业模板  易操作的设计器</div>
	<div class="subtitle">省时省力，同时满足商家个性化搭建诉求</div>
	<div class="category">
		<ul>
			<#list webColumnTypeList as webColumnType>
				<#if productColFlag == webColumnType.colFlag>
					<li data-id="${webColumnType.colFlag}" class="active">${webColumnType.name}</li>
					<#else>
						<li data-id="${webColumnType.colFlag}">${webColumnType.name}</li>
				</#if>
			</#list>
		</ul>
	</div>
	<!--内容-->
	<div class="content active">
		<ul>

		</ul>
		<div class="more">
			<a href="javascript:void(0)" id="nextPage">加载更多</a>
		</div>
	</div>

</div>
<!--行业模板结束-->

<!--底部开始-->
<div class="xyg-bottom">
    <div class="register">
        <h2 class="title">
            现在注册，立享价值上万元的新人专属礼包
        </h2>
        <p class="desc">
            运营交流大会门票&运营宝典
        </p>
        <a href="${s.base}/pc/#" class="btn">
            注册有礼
        </a>
    </div>
    <!--尾部-->
    <div class="site-footer">
        <div class="footer-related">
            <div class="footer-article w1210">
                <#list webLinkerList as webCol>
                    <#if webCol.colExtendType=="1">
                        <dl class="col-article">
                            <dt>
                                ${ webCol.name}
                            </dt>
                            <dd>
                                <#list webCol.webLinkerList as webLinker>
                                    <a href="${ webLinker.url}">
                                        ${ webLinker.name}
                                    </a>
                                </#list>
                            </dd>
                        </dl>
                    </#if>
                </#list>


                <dl class="col-article col-article-spe">
                    <dt>
                        联系我们
                    </dt>
                    <dd>
                        <p>
                            邮箱: ${webConfig.email}
                        </p>
                        <p>
                            QQ: ${webConfig.qq}
                        </p>
                        <p>
                            电话: ${webConfig.telephone}
                        </p>
                    </dd>
                </dl>
                <div class="col-code fl">
                    <div class="code">
                        <img src="${webConfig.wechat}" alt="微信公众号">
                    </div>
                    <p>
                        官方微信公众号
                    </p>
                </div>
            </div>
            <div class="footer-links">
        <span>
          友情链接：
        </span>
                <!-- 友情链接循环开始 -->
                <#list webLinkerList as webCol>
                    <#if webCol.colExtendType=="3">
                        <#list webCol.webLinkerList as webLinker>
                            <a href="${ webLinker.url}">
                                ${ webLinker.name}
                            </a>
                        </#list>
                    </#if>
                </#list>
                <!-- 友情链接循环结束 -->
            </div>
            <div class="footer-info w1210">
                <div class="info-text">
                    <!-- 底部导航 -->
                    <p class="nav-bottom">
                        <#list webLinkerList as webCol>
                            <#if webCol.colExtendType=="4">
                                <#list webCol.webLinkerList as webLinker>
                                    <#if webLinker_index != 0>
                                        <em>
                                            |
                                        </em>
                                    </#if>
                                    <a href="${ webLinker.url}">
                                        ${ webLinker.name}
                                    </a>

                                </#list>
                            </#if>
                        </#list>
                    </p>
                    <p class="copyright">
                        ${webConfig.copyright}
                        <em>
                        </em>
                        <a href="javascript:void(0)" rel="nofollow">
                            ${webConfig.siteNumber}
                        </a>
                    </p>
                    <p class="company-info">
                        ${webConfig.address}
                    </p>
                    <p class="qualified">
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部结束-->
<script src="${s.base}/pc/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/jquery.num.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/pc/fonts/iconfont.js" type="text/javascript" charset="utf-8" ></script>
<script src="${s.base}/pc/js/swiper.animate.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="${s.base}/js/webApi.js"></script>
<script type="text/javascript">
    //轮播图
    var main_swiper = new Swiper('.swiper-banner.swiper-container', {
        direction: 'horizontal',
        slidesPerView: 1,
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        }
    });
    var navId='${navId}';
    var productColFlag='${productColFlag}';
    var pageNum=1;
    var pageSize=5;
    $(document).ready(function(e) {
        $('.xyg-template-desc  .category ul li').click(function(){
            productColFlag = $(this).attr("data-id");
            $(".xyg-template-desc .content ul").html("");
            pageNum=0;
            acceptNews();
            $(this).addClass('active').siblings().removeClass('active');
        })
        $(".xyg-template-desc  .content ul").html("");
        acceptNews();
        $("#nextPage").bind("click",function () {
            pageNum++;
            acceptNews();
        });
    });

    //获取信息
    function acceptNews() {
        if(productColFlag=="wzmb"){
            $(".xyg-template-desc .content").addClass("dnsc");
        }else {
            $(".xyg-template-desc .content").removeClass("dnsc");
        }
        acceptXygProductPageByColFlag(1,pageNum,pageSize,productColFlag,function (result) {
            if (result.data != null && result.data.length > 0) {
                result.data.forEach(function (item,key,mapObj) {
                    var str='<li><div class="img"><img src="'+item.images+'"/>'+
                        '</div><div class="bg"><img src="'+item.coverImage+'"/>'+
                        '</div></li>';
                    if(productColFlag=="wzmb"){
                        str='<li><div class="img"><img src="'+item.images+'"/> '+
                            '</div><div class="bg"><a href="/web/pc/productTitle?productId='+item.id+'&navId='+navId+'" target="_blank"><img src="'+item.coverImage+'"  style="cursor:pointer;"/></a>'+
                            '</div></li>';
                    }

                    $(".xyg-template-desc .content ul").append(str);
                });
            }
            if(!result.hasNextPage){
                $("#nextPage").hide();
			}else{
                $("#nextPage").show();
			}
        })
    }
</script>
</body>

</html>